<!-- Copyright 2018 The Chromium Authors. All rights reserved.
     Use of this source code is governed by a BSD-style license that can be
     found in the LICENSE file. -->

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-icon/iron-icon.html">

<link rel="import" href="/components/dialogs/oobe_adaptive_dialog.html">
<link rel="import" href="/components/behaviors/oobe_dialog_host_behavior.html">
<link rel="import" href="/components/behaviors/oobe_i18n_behavior.html">
<link rel="import" href="/components/buttons/oobe_next_button.html">
<link rel="import" href="/components/buttons/oobe_text_button.html">
<link rel="import" href="/components/common_styles/oobe_dialog_host_styles.html">

<dom-module id="assistant-value-prop">
  <template>
    <style include="oobe-dialog-host-styles"></style>
    <link rel="stylesheet" href="assistant_shared_styles.css">
    <link rel="stylesheet" href="assistant_value_prop.css">
    <oobe-adaptive-dialog id="value-prop-dialog" role="dialog">
      <iron-icon slot="icon" icon="assistant-32:assistant"
          aria-label$="[[i18nDynamic(locale, 'assistantLogo')]]">
      </iron-icon>
      <h1 slot="title" id="title-text"></h1>
      <div id="animation-container">
          <webview id="value-prop-view" tabindex="-1"></webview>
      </div>
      <div slot="content" id="content-container"
          class="landscape-vertical-centered">
        <div class="content" id="subtitle-container"></div>
        <div class="line" hidden$="[[isMinorMode_]]"></div>
        <div id="consents-container"></div>
        <div class="content" id="footer-text" hidden$="[[isMinorMode_]]"></div>
      </div>
      <div slot="bottom-buttons">
        <oobe-text-button id="skip-button" on-click="onSkipTap_"
            disabled="[[buttonsDisabled]]">
          <div id="skip-button-text" slot="text"></div>
        </oobe-text-button>
        <oobe-text-button id="next-button" inverse="[[!equalWeightButtons_]]"
            on-click="onNextTap_" disabled="[[buttonsDisabled]]">
          <div id="next-button-text" slot="text"></div>
        </oobe-text-button>
      </div>
    </oobe-adaptive-dialog>

    <cr-dialog id="learn-more-overlay">
      <div slot="body">
        <div id="overlay-text">
          <div id="overlay-title-text"></div>
          <div id="overlay-additional-info-text"></div>
        </div>
      </div>
      <div slot="button-container">
        <oobe-text-button inverse id="overlay-close-button">
          <div id="overlay-close-button-text" slot="text"></div>
        </oobe-text-button>
      </div>
    </cr-dialog>
  </template>
</dom-module>
